@charset "utf-8";



/* CSS Document */



body {

  font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

  height: 100%;

  min-width: 1260px;

  background: #fff;

  max-width: 100%;

  overflow: auto;

  color: #666;

  overflow-x: hidden;

  padding: 0px;

  margin: 0px;

}



a {

  color: #666;

  text-decoration: none;

  outline: none;

}



img {

  border: 0px;

  vertical-align: middle;

}



a:link {

  text-decoration: none;

  outline: none;

}



a:visited {

  text-decoration: none;

  outline: none;

}



a:hover {

  text-decoration: none;

  color: #333;

  outline: none;

}



ul,

p,

dl,

dt,

dd {

  padding: 0px;

  margin: 0px;

}



li {

  list-style-position: outside;

  list-style-type: none;

}



h1,

h2,

h3,

h4,

h5 {

  padding: 0px;

  margin: 0px;

}



input {

  margin: 0;

  padding: 0;

  outline: 0;

  -webkit-appearance: none;

}



input::-webkit-input-placeholder {

  color: #ccc;

}



input::-ms-input-placeholder {

  color: #ccc;

}



input::-moz-placeholder {

  color: #ccc;

}



input[type=button],

input[type=submit] {

  cursor: pointer;

}



button[disabled],

input[disabled] {

  cursor: default;

}



input {

  background: transparent;

  padding: 0px;

  font-size: 14px;

  color: #888;

  border: 0px;

  outline: none;

}



em {

  font-style: normal;

}



i {

  font-style: normal;

}





/*清除浮动*/



.clear {

  clear: both;

  height: 0px;

  overflow: hidden;

}



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  visibility: hidden;

  clear: both;

}



.clearfix {

  /*兼容 IE*/

  zoom: 1;

}





/************全局样式************/



.fl {

  float: left;

}



.fr {

  float: right;

}



/************************图片样式***********************/

img {

  border: 0px;

  vertical-align: middle;

}



/*图片居中*/

.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto

}



/*图片自适应*/

.img-responsive {

  display: block;

  height: auto;

  max-width: 100%

}



/*鼠标放上图片放大*/

.avatar {

  display: block;

  overflow: hidden;

  width: 100%;

}



.avatar img {

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.avatar:hover img {

  transform: scale(1.1);

  transition: all 1s ease 0s;

  -webkit-transform: scale(1.1);

}





/*文字超出隐藏*/



.dot {

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.dot2 {

  display: -webkit-box;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}





/**/



.wal {

  width: 1200px;

  margin: 0px auto;

}



.m_title {

  text-align: center

}



.m_title span {

  color: #333;

  text-transform: uppercase;

  font-weight: normal;

}



.m_title div {

  display: block;

  font-size: 40px;

  margin-bottom: 20px;

  color: #008B24;

  font-weight: bold;

}





.m_title p {

  font-size: 18px;

  color: #505050;

  line-height: 60px;

}



.main_title b {

  display: block;

  font-size: 40px;

  text-align: center;

  margin-bottom: 20px;

  color: #008B24;

}



.main_title span {

  color: #333;

  text-transform: uppercase;

  font-weight: normal;

}



.main_title p {

  text-align: center;

  font-size: 18px;

}



.dflex {

  display: flex;

}



.dflex_center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.dflex_start {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.dflex_end {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.dflex_stretch {

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: stretch;

}



.dflex_space-between {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/*顶部导航*/

.header {

  width: 100%;



  z-index: 999;



}



.top-center {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  position: relative;

  background: #fff;

}



.logo_txt {

  padding: 15px 0 15px 15px;

}



.top-txt {

  font-size: 24px;

  color: #008B24;

  ;

}



.header_phone {

  display: flex;

  align-items: center;

  padding: 0 20px;

}



.header_phone p {

  color: #666;



}



.header_phone img {

  padding-right: 15px;

}



.header_phone b {

  font-size:18px;

  color: #333;

  font-weight: 700;

  margin: 0;

  display: block;

  line-height: 30px;

  text-decoration: none;

}



/*导航菜单*/

.navbar {

  width: 100%;

  border-top: 1px solid #f1f1f1;

  background: #008B24;

}



.nav {

  margin: 0;

  height: 70px;

  display: flex;

  align-items: center;

  justify-content: space-around;





}



.nav li {

  position: relative;

  flex: 1;

}



.nav li a {

  display: block;

  font-size: 18px;

  line-height: 70px;



  color: #fff;

  text-align: center;

  transition: all .3s;



}



.nav li::before {

  content: " / ";

  position: absolute;

  left: 0;

  top: 28px;

  color: #fff;

}



.nav li:first-child::before {

  content: " ";

}



.nav a:hover, .nav li:hover>a {



  color: #E8862E;

  font-weight: bold;



}



/* 二级菜单 */

.ejxl {

  display: none;

  background-color: rgba(255, 255, 255, .9);

  transition: all 0s;

  z-index: 999;

  position: absolute;

  top: 100%;

  width: 100%;

  left: 0%;



}



.nav li .ejxl li {

  margin: 0 auto;

  display: block;

  padding: 0;

  width: 100%;

  background: none;

}



.nav li .ejxl li a {

  display: block;

  color: #444;

  font-size: 16px;

  height: 35px;

  line-height: 35px;

  padding: 5px 0;

  width: 100%;

  text-align: center;

}



.nav li .ejxl li::before {

  content: " ";

}



.nav li .ejxl li:hover a {

  background: none;

}



.nav li .ejxl a:hover {

  color: #008B24;

}



/*导航菜单 end*/



/*首页banner图*/

#banner .swiper {

  width: 100%;

  height: 100%;

  position: relative;

}



#banner .swiper-slide {

  background-position: center;

  background-size: cover;

  position: relative;

}



#banner .swiper-slide img {

  display: block;

  width: 100%;





}



#banner .swiper-button {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  text-align: center;

  color: #fff;

  background: rgba(0, 0, 0, 0.3);

  border-radius: 50%;

  cursor: pointer;

  overflow: hidden;

  z-index: 10;

  width: 50px;

  font-size: 30px;

  line-height: 50px;

  height: 50px;

  transition: all .5s ease;

  outline: none;



}



#banner .swiper-button:hover {

  background: #008B24;

}



.btn-prev {

  left: 5%;

}



.btn-next {

  right: 5%;

}





#banner .swiper-pagination-bullet {

  position: relative;

  margin: 0 8px !important;

  display: inline-block;

  width: 14px;

  height: 14px;

  overflow: hidden;

  z-index: 10;

  border-radius: 100%;

  outline: none;

  background: #fff;

  opacity: 1;

}





#banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before {

  background: #fff;

}



#banner .swiper-pagination-bullet-active {

  background-color: #008B24;

  opacity: 1;

  filter: alpha(opacity=100);

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 20px;

  left: 0;

  width: 100%;

}





/*首页banner图 end*/





/* 产品 */

.product {

  overflow: hidden;

  background: url(../images/bg2.jpg) bottom no-repeat;

  background-size: cover;

  padding: 50px 0;



}



.pro-nav {

  display: flex;

  justify-content: space-between;

  position: relative;



}



.pro-nav .list {



  text-align: center;

  color: #333;

  position: relative;

  z-index: 1;

  margin: 30px 5px;

  border: 1px solid #dedede;

  background: #fff;

  cursor: pointer;

  flex: 1;

  padding: 30px 0;

  transition: all .3s;

  border-radius: 10px;





}



.pro-nav .list:hover {

  background: #008B24;



}



.pro-nav .list:hover a {

  color: #fff;

}



.pro-nav .listt  {

  background: #008B24;



}

.pro-nav .listt  a {

  color: #fff;

}



.pro-nav .list a {

  font-size: 18px;

  display: block;

}



.pro_list {

  margin-top: 30px;

}



.pro_list a {

  display: block;

  float: left;

  color: #008B24;

  width: calc(33.3% - 22px);

  margin: 10px;

  border: 1px solid #dedede;

  overflow: hidden;

  position: relative;

}



.pro_list span {

  display: block;

  overflow: hidden;

  position: relative;

  z-index: 1;

}



.pro_list .cp_tit {

  font-size: 17px;

  line-height: 58px;



  text-align: center;

  color: #666;

  height: 58px;



}





.pro_list a:hover p {

  opacity: 0;

}



.pro_list .info {

  background: rgba(0, 0, 0, 0.3);



  visibility: hidden;

  width: 100%;

  height: 100%;

  pointer-events: none;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

  -webkit-transform: translateX(-100%);

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -o-transform: translateX(-100%);

  transform: translateX(-100%);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}



.pro_list .info img {

  margin-top: 80px;

}



.pro_list .info b {

  text-align: center;

  display: block;

  margin-top: calc(100% - 209px);

  background: #008B24;

  color: #fff;

  font-size: 18px;

  line-height: 58px;

}



.pro_list a:hover .info {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}



/* 简介 */

.about {

  padding: 50px 0;

  background: url(../images/bg3.jpg) bottom no-repeat;

  background-size: cover;

  margin-top: 50px;

}



.about_box {

  margin-top: 25px;

}



.about_box span {

  display: block;

  text-align: center;

  font-size: 30px;

  line-height: 48px;

  color: #333;



}



.about_box p {

  text-align: center;

  font-size: 16px;

  line-height: 32px;

  color: #333;

  margin: 0 auto;

  margin-top: 1.5%;

  width: 800px;

}



.ab_list2 {

  margin: 20px auto;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;





}



.ab_list2 li {

  width: 27.3%;

  cursor: pointer;

  color: #333;

  line-height: 40px;

  margin: 10px 0;

  padding: 3%;

  text-align: center;

  background: url(../images/abg.jpg) no-repeat left;

  -webkit-transition: transform .3s;

  transition: transform .3s;

  font-size: 18px;

  line-height: 32px;

}



.ab_list2 li b {

  display: block;

  font-size: 80px;

  color: #333;

  margin-bottom: 10px;

}



.ab_list2 li:first-child {

  background: none;

}



.ab_list2 li i {

  font-size: 16px;



  text-align: center;

  font-style: normal;

  font-weight: normal;

  position: relative;



  color: #666;

  display: inline-block;

}



.ab_list2 li:hover {

  -webkit-transform: translate(0, -15px);

  transform: translate(0, -15px);

}



.more_btn {

  position: relative;

  margin: 20px auto;

  display: block;

  width: 180px;

  text-align: center;

  border: 1px solid #008B24;

  color: #008B24;

}



.more_btn span {

  position: relative;

  z-index: 2;

  font-size: 16px;

  height: 45px;

  line-height: 45px;

  color: #008B24;

}



.more_btn:after {

  content: '';

  position: absolute;

  width: 0;

  height: 100%;

  background: #008B24;

  bottom: 0;

  left: 0;

  -webkit-transition: width .3s;

  transition: width .3s;

  z-index: 0;

}



.more_btn:hover:after {

  width: 100%;

}



.more_btn:hover span {

  color: #fff;

}



.bg1 {

  background: url(../images/bg1.jpg) no-repeat;

  background-attachment: fixed;

  height: 350px;

}



/*优势*/

.apply {

  overflow: hidden;



  padding: 60px 0 80px;



}



.apply ul {

  overflow: hidden;



  width: 100%;

  float: left;

  margin-top: 30px;

}



.apply ul li {

  float: left;

  width: 25%;



  text-align: center;

  position: relative;

}



.apply ul li .applytu img {

  width: 70px;

}



.apply ul li a {

  color: #fff;

  display: block;

  border: 1px solid #f1f1f1;

  height: 422px;

}



.apply ul li a:hover .apply-txt {

  opacity: 1;



}



.apply ul li .apply-tit {

  font-size: 20px;

  font-weight: bold;

  transition: all .3s;

  margin-top: 100%;



}







.apply ul li a:hover .apply-tit {

  margin-top: 80%;

  padding-top: 20px;



}



.apply ul li .apply-txt {

  padding: 20px 20px;

  line-height: 24px;

  opacity: 0;

  transition: all 0.5s;

}



.apply ul li .apply_box {

  position: relative;

  z-index: 2;

  height: 100%;



}



.apply ul li a:hover .apply_box {

  background: #fff;



  color: #000;

}



.apply ul li .mark {

  z-index: 1;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.25);

}



.apply ul li a:hover .mark {

  height: 0;

}



.apply ul li.one {

  background: url(../images/fa1.jpg) no-repeat center;

  background-size: cover;

}



.apply ul li.two {

  background: url(../images/fa2.jpg) no-repeat center;

  background-size: cover;

}



.apply ul li.three {

  background: url(../images/fa3.jpg) no-repeat center;

  background-size: cover;

}



.apply ul li.four {

  background: url(../images/fa4.jpg) no-repeat center;

  background-size: cover;

}





/* 流程 */

.process {

  background: #f1f1f1;

  padding: 50px 0 60px;

  box-shadow: 0 0 10px #dedede;

}



.process ul {

  padding: 30px 0 0;

  display: flex;

  justify-content: space-between;

}



.process ul li {

  text-align: center;

  font-size: 18px;

  color: #333;

  background: url(../images/liuc_ico07.png) no-repeat left;

  flex: 1;

}



.process ul li em {

  width: 130px;

  height: 130px;

  display: block;

  line-height: 0;

  overflow: hidden;

  margin: 0 auto 5px;



}



.process ul li em img {

  width: 120px;

  height: 120px;



}



.process ul li:first-child {

  background: none;

}



.process ul li:hover em {

  -webkit-animation: hover-anima 0.75s linear;

  animation: hover-anima 0.75s linear;

}



@-webkit-keyframes hover-anima {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }



  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }



  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }



  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }



  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }



  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }



  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }



  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }



  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }



  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}



@keyframes hover-anima {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }



  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }



  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }



  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }



  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }



  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }



  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }



  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }



  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }



  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}



/* 新闻 */

.news_box {

  margin-top: 50px;

}



.news {

  margin-top: 40px;

}



.news {

  display: block;

}



.news li {

  width: 360px;

  float: left;

  padding: 20px 20px;

  transition: .3s;

}



.news li .img, .news li .img img {

  width: 100%;



  overflow: hidden;

  transition: 1s;

  margin-bottom: 6px;

}



.news li .cont {

  padding: 0px 0px;

}



.news li .cont span {

  background: url("../images/more.png") no-repeat;

  width: 35px;

  height: 35px;

  display: block;

  transition: all 0.5s;

}



.news li b {

  color: #999999;

  font-size: 40px;

  margin-top: 10px;

  display: block;

}



.news li p {

  font-size: 14px;

  color: #656565;

  line-height: 26px;

  margin-bottom: 15px;





}



.news li .news-title {

  font-size: 18px;

  color: #343434;

  line-height: 26px;

  padding-bottom: 10px;

  overflow: hidden;

  margin: 20px 0;

  font-weight: bold;

  border-bottom: 1px #dedede solid;

}



.news li:hover {

  background: #008B24

}



.news li:hover img {

  transform: scale(1.1);

}



.news li:hover b {

  color: #ffffff;

}



.news li:hover {

  box-shadow: 0px 2px 10px #ddd;

}



.news li:hover p {

  color: #ffffff;

}



.news li:hover .cont span {

  background: url("../images/more2.png") no-repeat;

  width: 35px;

  height: 35px;

  display: block;

  margin-left: 320px;

}



.cjwt {

  margin-top: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}



.cjwt a {

  width: calc(33.3% - 42px);

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: -1px;

  margin-left: -1px;

  padding: 20px;

  border: 1px solid #f1f1f1;

}



.cjwt a:hover {

  color: #008B24;

}



/*返回顶部*/



.scroll {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  position: fixed;

  right: 45px;

  bottom: 70px;

  color: #fff;

  cursor: pointer;

  background: #008B24;

  font-size: 26px;



}





/*底部footer*/

.footer {

  background: #2A2D33;

  margin-top: 80px;

  border-top: 8px solid #008B24;

}



.foot {

  padding: 60px 0;



}



.foot b {

  font-size: 22px;

  color: #fff;

  display: block;

  text-transform: uppercase;

  margin-bottom: 32px;

  padding-bottom: 15px;





}



.foot span {

  color: #fff;

  font-size: 20px;

  padding-bottom: 16px;







}



.foot .ft-nav {

  width: 28%;

  padding-right: 5%;

  margin-right: 9%;

  border-right: 1px solid rgba(255, 255, 255, .1);

  height: 224px;

}



.foot .ft-nav ul {

  display: flex;

  flex-wrap: wrap;

}



.foot .ft-nav li {



  margin-bottom: 10px;

  width: 50%;





}



.foot .ft-nav li a {

  font-size: 15px;

  display: block;

  color: #fff;

}



.foot .ft-nav li a:hover {

  color: #008B24;

}



.foot .ft-contact {

  width: 32%;

  padding-right: 5%;

  margin-right: 9%;

  border-right: 1px solid rgba(255, 255, 255, .1);

  height: 224px;

}



.foot .ft-contact p {
	float:left; margin-right:30px;

  color: #fff;

  font-size: 15px;

  margin-bottom: 10px;

}





.foot .ewm {



  width: 10%;

}



.foot .ewm img {

  max-width: 120px;

}



.foot .ewm p {

  margin-top: 10px;

  text-align: center;

  color: #fff;

}



.copyright {

  padding: 20px 10px;

  text-align: center;

  color: #fff;

  border-top: 1px solid rgba(255, 255, 255, .1);

}



.copyright a {

  color: #fff;

}